﻿@using System.Web.Optimization
@model LMS.Models.user
@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Library Management System</title>
    @Styles.Render("~/Content/General")
    <script src="~/Scripts/modernizr-2.8.3.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        body {
            padding-top: 50px;
            position: relative;
        }

        .row { padding-top: 3em; }
    </style>
</head>
<body data-spy="scroll" data-target="#nav_bar" data-offset="10">
<nav id="nav_bar" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Read With Us</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="#home">Home</a>
                </li>
                <li>
                    <a href="#about">About Us</a>
                </li>
                <li>
                    <a href="#contact">Contact Us</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#login_modal" data-toggle="modal"><span class="glyphicon glyphicon-user"></span> Login</a>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<div id="home" class="jumbotron parallax" style="background-image: url('http://pngimg.com/upload/book_PNG2121.png');">
    <h1 class="text-center text-primary">Welcome to Read With Us Library</h1>
    <blockquote class="blockquote-reverse">
        <p>
            <em>“A reader lives a thousand lives before he dies, said Jojen. The man who never reads lives only one.”</em>
        </p>
        <footer>- <cite title="George R.R. Martin" data-toggle="tooltip"><a href="http://www.goodreads.com/author/show/346732.George_R_R_Martin" target="_blank">George R.R. Martin</a>, <a href="http://www.goodreads.com/work/quotes/2936175-a-dance-with-dragons" target="_blank">A Dance with Dragons</a></cite></footer>
    </blockquote>
</div>

<div class="container">
    <div id="about" class="row">
        <div class="col-md-4">
            <img src="http://www.aacei.org/aboutUs/whoWeAre.jpg" class="img-responsive"/>
        </div>
        <div class="col-md-8">
            <h1>About Us</h1>
            <p>Read With Us Library Management System provides leading cutting edge technology for libraries around the world. We are committed to developing our library software for the benefit of librarians, not software technicians</p>

            <p>We work closely with our users to maintain high levels of user interface and library software that integrates with their library, and their library management.</p>

            <p>Amlib library software is part of Applied Network Solutions Ltd which has been developing, supplying and supporting software since 1985; having the backing of ANS with its technical knowledge and experience gives Amlib the ability to offer a true total solutions library software package.</p>

            <p>Amlib library system is used by many types of users, they decided on us because we listened to their requirements, adapted our system and delivered on time...This is our procedure for all our clients.</p>

            <p>We believe in honest business practice, that maxim runs through the company and its staff. We are committed to investing in our library software, our people and our clients.</p>
        </div>
    </div>
    <div id="contact" class="row">
        <div class="col-md-8">
            <h1>Contact Us</h1>
            <div class="row">
                <div class="col-sm-6">
                    <dl class="dl-horizontal">
                        <dt><i class="fa fa-phone" aria-hidden="true"></i> Telephone</dt>
                        <dd>011-123456</dd>
                        <dt><i class="fa fa-fax" aria-hidden="true"></i> Fax</dt>
                        <dd>011-654321</dd>
                        <dt><i class="fa fa-envelope-o" aria-hidden="true"></i> E-Mail</dt>
                        <dd>readwithus@@gmail.com</dd>
                        <dt><i class="fa fa-map-marker" aria-hidden="true"></i> Address</dt>
                        <dd>
                            No 30, Duplication Road<br/>
                            Bambalpitiya
                        </dd>
                    </dl>
                </div>
                <div class="col-sm-6">
                    <div class="embed-responsive embed-responsive-4by3">
                        <iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3961.0453536327623!2d79.85861246386061!3d6.885171049386336!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd6c1dbf79aed7f71!2sInternational+College+of+Business+and+Technology!5e0!3m2!1sen!2slk!4v1475803648535" width="600" height="450" style="border: 0" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <img src="http://laskoindia.com/wp-content/uploads/2015/08/cu.jpg" class="img-responsive"/>
        </div>
    </div>
</div>

@{
    Html.RenderPartial("_Footer");
}

@*Login Modal*@
<div class="modal fade" tabindex="-1" role="dialog" id="login_modal">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Login</h4>
            </div>
            <form class="form-group">
                <div class="modal-body">
                    <div class="form-group">
                        @Html.LabelFor(x => x.Username)
                        @Html.TextBoxFor(x => x.Username, new {@class = "form-control", placeholder = "Please enter your username"})
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(x => x.Password)
                        @Html.PasswordFor(x => x.Password, new {@class = "form-control", placeholder = "Please enter your password"})
                    </div>
                    <div class="checkbox">
                        <label>
                            <input name="remember" type="checkbox"> Remember me
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary btn-block">Login</button>
                </div>
            </form>
        </div>
    </div>
</div>
@Scripts.Render("~/Scripts/General")
</body>
</html>